<!DOCTYPE html>
<html lang="en" xmlns="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>个人主页 - Happy Study</title>
    <meta name="keywords" content="Happy Study，快乐学习，开心学习，Java、C++、Python，在线平台，在线笔记，笔记平台，在线Java题库，Java自学平台">
    <meta name="description" content="Happy Study - Java、C++、Python、小程序等主流语言自学平台主流计算机语言在线自学平台">
    <link rel="shortcut icon" th:href="@{/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/all.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/person.css}">
    <script type="text/javascript" th:src="@{/js/jquery-3.3.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/js/index.js}"></script>
    <script type="text/javascript" th:src="@{/js/main.js}"></script>
    <script type="text/javascript" th:src="@{/js/util.js}"></script>
    <script type="text/javascript" th:src="@{/js/personInfo.js}"></script>
</head>
<body>
<div class="main-div">
    <div th:replace="~{commons::headerbar(active='person')}"></div>
    <div class="bg">
        <div class="information">
            <div class="base-info">
                <div class="logo">
                    <div class="img">
                        <img th:if="${userEntity.headImgUrl != null && userEntity.headImgUrl != ''}" th:src="${userEntity.headImgUrl}" />
                    </div>
                    <div class="upload-icon">
                        <button type="button" class="layui-btn layui-btn-primary" id="upload-icon-btn">
                            <i class="layui-icon layui-icon-camera-fill"></i>
                        </button>
                    </div>
                </div>
                <div class="info-name">
                    <div class="nickname">[[${userEntity.nickName}]]<span><i th:if="${userEntity.sex == 1}" class="layui-icon layui-icon-male"></i>
                            <i th:if="${userEntity.sex == 2}" class="layui-icon layui-icon-female"></i></span></div><span class="user-id" th:text="${userEntity.id}"></span>
                    <div class="msg"><span th:if="${userEntity.sign == null}">TA很懒，啥也没干~~</span><span>[[${userEntity.sign}]]</span></div>
                    <!--<div class="fans">
                        <div class="fs">
                            <div>0</div>
                            <div>粉丝</div>
                        </div>
                        <div class="gz">
                            <div>0</div>
                            <div>关注</div>
                        </div>
                        <div class="zan">
                            <div>0</div>
                            <div>被赞</div>
                        </div>
                    </div>-->
                    <div class="msg-text"><span>走自己的路，让别人去说吧~~~学自己的技术，让别人羡慕去吧~~~</span>
                        <!--<span>
                            <button class="layui-btn layui-btn-normal">更换背景</button>
                        </span>-->
                    </div>
                </div>
            </div>
        </div>
        <div class="own">
            <div class="layui-tab layui-tab-brief" lay-filter="person-friends-tab">
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show base-info">
                        <div class="base-info-content">
                            <div><label class="layui-form-label">昵称：</label>
                                <input type="text" class="layui-input" required lay-verify="required" id="nickName" placeholder="请输入昵称" autocomplete="off" th:value="${userEntity.nickName}"/>
                            </div>
                            <div><label class="layui-form-label">姓名：</label>
                                <input type="text" class="layui-input" required lay-verify="required" id="userName" placeholder="请输入姓名" autocomplete="off" th:value="${userEntity.userName}"/>
                            </div>
                            <div><label class="layui-form-label">登录密码：</label>
                                <input type="password" class="layui-input" required lay-verify="required" id="password" placeholder="请输入登录密码" autocomplete="off" th:value="${userEntity.password}"/>
                            </div>
                            <div><label class="layui-form-label">性别：</label>
                                <form class="layui-form user-sex">
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <input type="radio" th:name="sex" lay-skin="primary" th:title="男" th:value="1" th:checked="${userEntity.sex == 1}">
                                            <input type="radio" th:name="sex" lay-skin="primary" th:title="女" th:value="2" th:checked="${userEntity.sex == 2}">
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div><label class="layui-form-label">手机：</label><input type="text" class="layui-input"
                                                                                   required lay-verify="required"
                                                                                   placeholder="请输入手机"
                                                                                   autocomplete="off" id="phone"
                                                                                   th:value="${userEntity.phone}"/>
                            </div>
                            <div><label class="layui-form-label">所在城市：</label><input type="text" class="layui-input"
                                                                                     required lay-verify="required"
                                                                                     placeholder="请输入城市"
                                                                                     autocomplete="off" id="city"
                                                                                     th:value="${userEntity.city}"/>
                            </div>
                            <div><label class="layui-form-label">工作单位：</label><input type="text" class="layui-input"
                                                                                     required lay-verify="required"
                                                                                     placeholder="请输入工作单位"
                                                                                     autocomplete="off" id="company"
                                                                                     th:value="${userEntity.company}"/>
                            </div>
                            <div><label class="layui-form-label">地址：</label><input type="text" class="layui-input"
                                                                                     required lay-verify="required"
                                                                                     placeholder="请输入地址"
                                                                                     autocomplete="off" id="address"
                                                                                     th:value="${userEntity.address}"/>
                            </div>
                            <div><label class="layui-form-label">个人签名：</label> <textarea name="desc" placeholder="请输入个性签名"
                                                                                         class="layui-textarea" id="sign"
                                                                                         th:text="${userEntity.sign}"></textarea>
                            </div>
                            <div class="btn">
                                <button class="layui-btn layui-btn-warm save-info-btn">提交</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div th:replace="~{commons::footerbar}"></div>
</div>
</body>
</html>
